import Vue from 'vue'
import App from './App.vue'
import VueRouter from "vue-router"


Vue.use(VueRouter)
import  MyHome from "./views2/MyHome.vue"
import  News from "./views2/News.vue"
import Sports from "./views2/Sports.vue"
import PeHome from "./views2/views2-2.vue/PeHome.vue"
import DomesticSports from "./views2/views2-2.vue/DomesticSports.vue"
import ForeignSports from "./views2/views2-2.vue/ForeignSports.vue"
const routes = [
  {
    path: "/",
    redirect: "/MyHome"
  },
  {
    path: "/MyHome",
    component: MyHome
  },
  {
    path: "/News",
    component: News
  },
  {
    path: "/Sports",
    component: Sports,
    children: [
      {
        path: "/",
        redirect: "/Sports/PeHome"
      },
      {
        path: "PeHome",
        component: PeHome
      },
      {
        path: "DomesticSports",
        component: DomesticSports
      },
      {
        path: "ForeignSports",
        component: ForeignSports
      },
    ]
  },
];
const router = new VueRouter({
  routes
})
Vue.config.productionTip = false

new Vue({
  router,
  render: h => h(App),
}).$mount('#app')
